<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Tipo Practica</title>
            </f:facet>
        </h:head>

        <h:body>

            <p:layout fullPage="true">

                <p:layoutUnit position="north" size="200" resizable="false" closable="true" collapsible="true">
                    <!--Header!-->
                    <div>
                        <!--    <h:graphicImage url="images/banner.jpg" alt="Logo" style="vertical-align: top" width="100%"/>  !-->
                    </div>
                </p:layoutUnit>

                <p:layoutUnit position="south" size="50" closable="true" collapsible="true">

                </p:layoutUnit>

                <p:layoutUnit position="west" size="175" header="Left" collapsible="true">
                    <h:form>
                        <p:menu>
                            <p:submenu label="Coordinador">
                                <p:menuitem value="Empresa" url="empresa.xhtml" />
                                <p:menuitem value="Coformador" url="coformador.xhtml" />
                                <p:menuitem value="Tipo Practica" url="tipoPractica.xhtml" />
                                <p:menuitem value="xx" url="" />

                            </p:submenu>
                        </p:menu>
                    </h:form>
                </p:layoutUnit>

                <p:layoutUnit position="center">
                    <h:form id="forma">
                        <!-- <p:growl id="growl" showDetail="true" sticky="true"/> !-->
                        <p:messages id="mensajes" showDetail="true"/>
                        <p:panel id="campos">
                            <div align="center">
                                <p:panelGrid>
                                    <p:row>
                                        <p:column>
                                            <h:outputText value="Codigo Del Tipo de Practica: "/>
                                        </p:column>
                                        <p:column>
                                            <p:inputText id="txtCodigoTipoPractica" binding="#{tipoPracticaVista.txtCodigoTipoPractica}"/>
                                        </p:column>
                                        <p:column>
                                            <h:outputText value="Nombre Del Tipo de Practica: "/>
                                        </p:column>
                                        <p:column>
                                            <p:inputText id="txtNombreTipoPractica" binding="#{tipoPracticaVista.txtNombreTipoPractica}"/>
                                        </p:column>
                                    </p:row> 
                                    <p:row>
                                        <p:column>
                                            <h:outputText value="Descripcion de Tipo de Practica: "/>
                                        </p:column>
                                        <p:column>
                                            <p:inputTextarea id="txtDescripcionTipoPractica" binding="#{tipoPracticaVista.txtDescripcionTipoPractica}"/>
                                        </p:column>
                                        
                                    </p:row>
                                </p:panelGrid>
                                <p:panelGrid>
                                    <p:row>
                                        <p:column>
                                            <p:commandButton id="btnRegistrarEmpresa" value="Registrar" binding="#{tipoPracticaVista.btnRegistrar}" action="#{tipoPracticaVista.funcion_registrar}" update=":forma:campos, :forma:mensajes, forma:tabla"/>
                                        </p:column>
                                        <p:column>
                                            <p:commandButton id="btnModificarEmpresa" disabled="true" value="Modificar" binding="#{tipoPracticaVista.btnModificar}" action="#{tipoPracticaVista.funcion_modificar}" update=":forma:campos, :forma:mensajes, :forma:tabla"/>
                                        </p:column>
                                        <p:column>
                                            <p:commandButton id="btnEliminarEmpresa" disabled="true" value="Eliminar" binding="#{tipoPracticaVista.btnEliminar}" action="#{tipoPracticaVista.funcion_eliminar}" update=":forma:campos, :forma:mensajes, :forma:tabla">
                                                <p:confirm header="Confirmar" message="¿Estás seguro que deseas eliminar este cliente del sistema?" icon="ui-icon-alert" /> 
                                            </p:commandButton>
                                            <p:confirmDialog global="true" showEffect="fade" hideEffect="puff">
                                                <p:commandButton value="Si" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
                                                <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
                                            </p:confirmDialog>
                                        </p:column>
                                        <p:column>
                                            <p:commandButton id="btnlimpiarEmpresa" value="Limpiar" binding="#{tipoPracticaVista.btnLimpiar}" action="#{tipoPracticaVista.funcion_limpiar}" update=":forma:campos, :forma:mensajes, :forma:tabla"/>
                                        </p:column>
                                    </p:row>
                                </p:panelGrid>
                            </div>
                        </p:panel>

                        <p:panel id="tabla">
                            <p:dataTable id="empresa" var="tipoPractica" value="#{tipoPracticaVista.listaTipoPractica}"
                                         rowKey="#{tipoPractica.codigotipopractica}"
                                         selection="#{tipoPracticaVista.selectTipoPractica}" 
                                         selectionMode="single"
                                         paginator="true" 
                                         rows="10" 
                                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                         rowsPerPageTemplate="5,10,15"
                                         filteredValue="#{tipoPracticaVista.listaTipoPractica}"
                                         emptyMessage="No se encontraron resultados"
                                         >
                                <p:ajax event="rowSelect" listener="#{tipoPracticaVista.funcion_seleccionar}" update=":forma:campos" />

                                <p:column headerText="Codigo de Tipo de Practica">
                                    <h:outputText value="#{tipoPractica.codigotipopractica}" />
                                </p:column>

                                <p:column headerText="Nombre de Tipo de Practica">
                                    <h:outputText value="#{tipoPractica.nombretipopractica}" />
                                </p:column>

                                <p:column headerText="Descripcion de tipo de Practica">
                                    <h:outputText value="#{tipoPractica.descripciontipopractica}" />
                                </p:column>


                            </p:dataTable>
                        </p:panel>

                    </h:form>  
                </p:layoutUnit>

            </p:layout>

        </h:body>

    </f:view>
</html>

